﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <title>Amazing Slider</title>
    
    <!-- Insert to your webpage before the </head> -->
    <script src="sliderengine/jquery.js"></script>
    <script src="sliderengine/amazingslider.js"></script>
    <script src="sliderengine/initslider-1.js"></script>
    <!-- End of head section HTML codes -->
    
</head>
<body>
<div style="margin:30px auto;max-width:600px;">
    
    <!-- Insert to your webpage where you want to display the slider -->
    <div id="amazingslider-1" style="display:block;position:relative;margin:16px auto 56px;">
        <ul class="amazingslider-slides" style="display:none;">
            <li><img src="Images/Galery/room1.png" alt="room1" /></li>
            <li><img src="Images/Galery/room2.png" alt="room2" /></li>
            <li><img src="Images/Galery/room3.png" alt="room3" /></li>
            <li><img src="Images/Galery/room4.png" alt="room4" /></li>
            <li><img src="Images/Galery/room5.png" alt="room5" /></li>
            <li><img src="Images/Galery/room6.png" alt="room6" /></li>
            <li><img src="Images/Galery/room7.png" alt="room7" /></li>
            <li><img src="Images/Galery/room8.png" alt="room8" /></li>
            <li><img src="Images/Galery/room9.png" alt="room9" /></li>
            <li><img src="Images/Galery/room10.png" alt="room10" /></li>
            <li><img src="Images/Galery/room11.png" alt="room11" /></li>
            <li><img src="Images/Galery/room12.png" alt="room12" /></li>
        </ul>
        <ul class="amazingslider-thumbnails" style="display:none;">
            <li><img src="Images/Galery/room1-tn.png" /></li>
            <li><img src="Images/Galery/room2-tn.png" /></li>
            <li><img src="Images/Galery/room3-tn.png" /></li>
            <li><img src="Images/Galery/room4-tn.png" /></li>
            <li><img src="Images/Galery/room5-tn.png" /></li>
            <li><img src="Images/Galery/room6-tn.png" /></li>
            <li><img src="Images/Galery/room7-tn.png" /></li>
            <li><img src="Images/Galery/room8-tn.png" /></li>
            <li><img src="Images/Galery/room9-tn.png" /></li>
            <li><img src="Images/Galery/room10-tn.png" /></li>
            <li><img src="Images/Galery/room11-tn.png" /></li>
            <li><img src="Images/Galery/room12-tn.png" /></li>
        </ul>
        <div class="amazingslider-engine" style="display:none;"><a href="http://amazingslider.com">JavaScript Slider</a></div>
    </div>
    <!-- End of body section HTML codes -->
    
</div>
</body>
</html>